<template>
    <div class="btn-join" @click="checkReg()">
        <i class="btn-inner">{{ title }}</i>
        <i class="iconfont icon-jiantou"></i>
    </div>
</template>

<script>
import checkReg from '@/assets/js/mixin/checkReg'
export default {
    components: {},
    mixins: [checkReg],
    props: {
        title: {
            type: String,
            default: '开通校园商城旗舰店，抢占3000万大学生市场'
        }
    },
    data() {
        return {}
    },
    methods: {
        fnGoReg() {}
    }
}
</script>

<style lang="less" scoped>
.btn-join {
    flex-shrink: 0;
    margin: 0 auto 1%;
    width: fit-content;
    padding: 0 0.4rem 0 0.5rem;
    height: 48px;
    user-select: none;
    background: linear-gradient(
        304deg,
        rgba(25, 92, 240, 1) 0%,
        rgba(91, 127, 252, 1) 100%
    );
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.45rem;
    cursor: pointer;
    &.no-margin {
        margin-top: 0;
    }
    .btn-inner {
        height: 20px;
        font-size: 20px;
        font-weight: 600;
        color: rgba(255, 255, 255, 1);
        line-height: 20px;
        font-style: normal;
    }
    .icon-jiantou {
        color: #fff;
        font-size: 20px;
        margin-left: 8px;
    }
}
</style>
